<template>
    <!--产业演进对比分析-->
    <div class="evolution-comparison">
        <div class="secondary-menu">
            <div class="nav-list">
                <div class="nav-list-ul" ref="menuSelect">
                    <div @click="menuChange(item, index)" class="nav-list-item" v-for="(item, index) in navList" :key="index" :class="item.isActive ? 'active' : ''">
                        <img class="active-icon" v-if="item.isActive" :src="item.activeImg" />
                        <img class="normal-icon" v-else :src="item.img" />
                        <p class="label-ch">{{ item.title }}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="evolution-comparison-content" v-if="activeTitle==='三次产业结构'">
            <el-row style="height:100%">
                <el-col span="6">
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart1" :title="optionData.title" :optionData="optionData" chartType="getStackBar"></chart-block>
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart2" :title="lineOptionData.title" :optionData="lineOptionData" chartType="getNewLine" style="margin-top:2.5vh"></chart-block>
                </el-col>
                <el-col span="12">
                    <div class="total-data">
                        <!-- <div class="total-data-div" style="cursor:pointer;" @click="switchMap('green','一产')"> -->
                        <div class="total-data-div" style="cursor:pointer;" @click="jumpSearch('一产','0')">
                            <img style="width:3.4vw;margin:0.4vw 0.2vw;" src="../../assets/images/finance02.png" alt="">
                            <div class="total-data-text">
                                <p>一产重点企业</p>
                                <p class="one-key_enterprise">
                                    <span class="instudry-number">{{ tertiaryIndustriesText.dycyzdqysl }}</span>
                                    <span>家&nbsp; &nbsp;</span>
                                    <span>占比</span>
                                    <span class="proportion">{{ tertiaryIndustriesText.dycyzdqyzb }}</span>
                                    <span>%</span>
                                </p>
                            </div>
                        </div>
                        <!-- <div class="total-data-div" style="cursor:pointer;" @click="switchMap('blue','二产')"> -->
                        <div class="total-data-div" style="cursor:pointer;" @click="jumpSearch('二产','1')">
                            <img style="width:3.4vw;margin:0.4vw 0.2vw;" src="../../assets/images/finance03.png" alt="">
                            <div class="total-data-text">
                                <p>二产重点企业</p>
                                <p class="two-key_enterprise">
                                    <span class="instudry-number">{{ tertiaryIndustriesText.decyzdqysl }}</span>
                                    <span>家&nbsp; &nbsp;</span>
                                    <span>占比</span>
                                    <span class="proportion">{{ tertiaryIndustriesText.decyzdqyzb }}</span>
                                    <span>%</span>
                                </p>
                            </div>
                        </div>
                        <!-- <div class="total-data-div noBorder" style="cursor:pointer;" @click="switchMap('orange','三产')"> -->
                        <div class="total-data-div noBorder" style="cursor:pointer;" @click="jumpSearch('三产','2')">
                            <img style="width:3.4vw;margin:0.4vw 0.2vw;" src="../../assets/images/finance04.png" alt="">
                            <div class="total-data-text">
                                <p>三产重点企业</p>
                                <p class="three-key_enterprise">
                                    <span class="instudry-number">{{ tertiaryIndustriesText.dscyzdqysl }}</span>
                                    <span>家&nbsp; &nbsp;</span>
                                    <span>占比</span>
                                    <span class="proportion">{{ tertiaryIndustriesText.dscyzdqyzb }}</span>
                                    <span>%</span>
                                </p>
                            </div>
                        </div>
                    </div>
                    <bashi-map :map-data="mapData1" style="height:70vh" v-if="mapShow"></bashi-map>
                    <div class="map" style="height:70vh;width:96%;padding-top:2vh;margin-left:2%;position: relative;" v-if="!mapShow">
                        <mapvBlockPoint :pointList="pointList" :redicon="redicon" :center="centerPoint" :zoom="zoomPoint" />
                        <div class="back-level" @click="backLevel"><i class="el-icon-back"></i></div>
                        <div class="table-float">
                            <div class="map-legend">
                                <div>
                                    <div class="green-leg" :style="whiteColor=='green'?'':'background-color: #fff;'"></div>
                                    <div>一产重点企业</div>
                                </div>
                                <div>
                                    <div class="blue-leg" :style="whiteColor=='blue'?'':'background-color: #fff;'"></div>
                                    <div>二产重点企业</div>
                                </div>
                                <div>
                                    <div class="orange-leg" :style="whiteColor=='orange'?'':'background-color: #fff;'"></div>
                                    <div>三产重点企业</div>
                                </div>
                            </div>
                            <div>
                                <!-- <div class="table">
                                    <table-block :oprData="oprData" :pageSize="pageSize" :total="total" height="60vh" @currentChange="currentChange" :currePage="current"></table-block>
                                </div> -->
                            </div>
                        </div>

                    </div>
                </el-col>
                <el-col span="6" v-if="!mapShow">
                    <div class="table">
                        <table-block :oprData="oprData" :pageSize="pageSize" :total="total" height="75vh" @currentChange="currentChange" :currePage="current"></table-block>
                    </div>
                </el-col>
                <el-col span="6" v-if="mapShow">
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart3" :title="threeIndustrialFixedChangeOption.title" :optionData="threeIndustrialFixedChangeOption" chartType="getNewLine02" titleType="blueBig"></chart-block>
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart4" :title="PersonBarOptionData.title" :optionData="PersonBarOptionData" chartType="getStackBar02" style="margin-top:2.5vh"></chart-block>
                </el-col>
            </el-row>
        </div>
        <div class="evolution-comparison-content" v-if="activeTitle==='一产内部结构'">
            <el-row style="height:100%">
                <el-col span="6">
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart5" :title="oToptionData.title" :optionData="oToptionData" chartType="getStackBar"></chart-block>
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart6" :title="oTlineOptionData.title" :optionData="oTlineOptionData" chartType="getNewLine" style="margin-top:2.5vh"></chart-block>
                </el-col>
                <el-col span="12">
                    <div class="total-data">
                        <div class="total-data-div" @click="jumpSearch('一产','0','上市企业','0')">
                            <img src="../../assets/images/emphasis_company.png" alt="">
                            <div class="total-data-text">
                                <p>{{ oneCompanyNumber[0].qylb }}</p>
                                <p class="emphasis_company">{{ oneCompanyNumber[0].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div" @click="jumpSearch('一产','0','四上企业','2')">
                            <img src="../../assets/images/marketing_enterprises.png" alt="">
                            <div class="total-data-text">
                                <p>{{ oneCompanyNumber[1].qylb }}</p>
                                <p class="marketing_enterprises">{{ oneCompanyNumber[1].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div noBorder" @click="jumpSearch('一产','0','高新企业','1')">
                            <img src="../../assets/images/high-tech_enterprise.png" alt="">
                            <div class="total-data-text">
                                <p>{{ oneCompanyNumber[2].qylb }}</p>
                                <p class="high-tech_enterprise">{{ oneCompanyNumber[2].count }}<span>家</span></p>
                            </div>
                        </div>
                    </div>
                    <bashi-map :map-data="mapData2" style="height:70vh"></bashi-map>
                </el-col>
                <el-col span="6">
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart7" :title="BlockLineOptionData.title" :optionData="BlockLineOptionData" chartType="getShadowLine" titleType="blueBig"></chart-block>
                    <!-- <chart-block :key="Math.random()" height="35.5vh" chartID="chart7" :title="oTotalOptionData.title" :optionData="oTotalOptionData" chartType="getStackBarDouble" @husbandry="husbandry" ref="echartsChart"></chart-block> -->
                    <chart-block :key="Math.random()" height="35.5vh" chartID="chart8" :title="pictorialBarOptionData.title" :optionData="pictorialBarOptionData" chartType="getBar" style="margin-top:2.5vh"></chart-block>
                </el-col>
            </el-row>
        </div>
        <div class="evolution-comparison-content" v-if="activeTitle==='二产内部结构'">
            <el-row style="height:100%">
                <el-col span="6">
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart9" :title="twoIndustryStructure.title" :optionData="twoIndustryStructure" chartType="getStackBar"></chart-block>
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart10" :title="twoIndustryTotal.title" :optionData="twoIndustryTotal" chartType="getStackBar" style="margin-top:2.5vh"></chart-block>
                </el-col>
                <el-col span="12">
                    <div class="total-data">
                        <div class="total-data-div" @click="jumpSearch('二产','1','上市企业','0')">
                            <img src="../../assets/images/emphasis_company.png" alt="">
                            <div class="total-data-text">
                                <p>{{ twoCompanyNumber[0].qylb }}</p>
                                <p class="emphasis_company">{{ twoCompanyNumber[0].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div" @click="jumpSearch('二产','1','四上企业','2')">
                            <img src="../../assets/images/belongs_enterprise.png" alt="">
                            <div class="total-data-text">
                                <p>{{ twoCompanyNumber[1].qylb }}</p>
                                <p class="belongs_enterprise">{{ twoCompanyNumber[1].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div noBorder" @click="jumpSearch('二产','1','高新企业','1')">
                            <img src="../../assets/images/high-tech_enterprise.png" alt="">
                            <div class="total-data-text">
                                <p>{{ twoCompanyNumber[2].qylb }}</p>
                                <p class="high-tech_enterprise">{{ twoCompanyNumber[2].count }}<span>家</span></p>
                            </div>
                        </div>
                    </div>
                    <bashi-map :map-data="mapData3" style="height:70vh"></bashi-map>
                </el-col>
                <el-col span="6">
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart11" :title="twoInvestmentSpeed.title" :optionData="twoInvestmentSpeed" chartType="getLine"></chart-block>
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart12" :title="twoValueAddChange.title" :optionData="twoValueAddChange" chartType="getPictorialBar" style="margin-top:2.5vh"></chart-block>
                </el-col>
            </el-row>
        </div>
        <div class="evolution-comparison-content" v-if="activeTitle==='三产内部结构'">
            <el-row>
                <el-col span="6">
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart13" :title="threeIndustryStructure.title" :optionData="threeIndustryStructure" chartType="getStackBar"></chart-block>
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart14" :title="threeIndustryTotal.title" :optionData="threeIndustryTotal" chartType="getStackBar" style="margin-top:2.5vh"></chart-block>
                </el-col>
                <el-col span="12">
                    <div class="total-data">
                        <div class="total-data-div" @click="jumpSearch('三产','2','上市企业','0')">
                            <img src="../../assets/images/emphasis_company.png" alt="">
                            <div class="total-data-text">
                                <p>{{ threeCompanyNumber[0].qylb }}</p>
                                <p class="emphasis_company">{{ threeCompanyNumber[0].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div" @click="jumpSearch('三产','2','四上企业','2')">
                            <img src="../../assets/images/marketing_enterprises.png" alt="">
                            <div class="total-data-text">
                                <p>{{ threeCompanyNumber[1].qylb }}</p>
                                <p class="marketing_enterprises">{{ threeCompanyNumber[1].count }}<span>家</span></p>
                            </div>
                        </div>
                        <div class="total-data-div noBorder" @click="jumpSearch('三产','2','高新企业','1')">
                            <img src="../../assets/images/high-tech_enterprise.png" alt="">
                            <div class="total-data-text">
                                <p>{{ threeCompanyNumber[2].qylb }}</p>
                                <p class="high-tech_enterprise">{{ threeCompanyNumber[2].count }}<span>家</span></p>
                            </div>
                        </div>
                    </div>
                    <bashi-map :map-data="mapData4" style="height:70vh"></bashi-map>
                </el-col>
                <el-col span="6">
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart15" :title="threeInvestmentSpeed.title" :optionData="threeInvestmentSpeed" chartType="getLine"></chart-block>
                    <chart-block height="35.5vh" :key="Math.random()" chartID="chart16" :title="threeValueAddChange.title" :optionData="threeValueAddChange" chartType="getPictorialBar" style="margin-top:2.5vh"></chart-block>
                </el-col>
            </el-row>
        </div>
    </div>
</template>

<script>
import { getCommonData10, getPubCommonData } from '@/api/pages.js'

export default {
    name: "evolution-comparison",
    components: {
        NormalBlock: () => import('@/components/normal-block'),
        ChartBlock: () => import('@/components/chart-block'),
        BashiMap: () => import('@/components/map/bashi-map'),
        mapvBlockPoint: () => import('@/components/mapv-block-point'),
        TableBlock: () => import("@/components/table-block"),
    },
    props: {},
    data() {
        return {
            typeIndustry: '',
            whiteColor: 'white',
            // 表格
            oprData: {},
            mapShow: true,
            pageSize: 15,
            total: 0,
            current: 1,
            pointList: [],
            redicon: 'red',
            centerPoint: { lat: 29.5, lng: 106.3 },
            zoomPoint: 8,
            isTitle: true,
            navList: [
                {
                    img: require("../../assets/images/tertiary_industry_structure.png"),
                    activeImg: require('../../assets/images/active_tertiary_industry_structure.png'),
                    isActive: true,
                    title: "三次产业结构"
                },
                {
                    img: require("../../assets/images/one_industry.png"),
                    activeImg: require('../../assets/images/active_one_industry.png'),
                    isActive: false,
                    title: "一产内部结构"
                },
                {
                    img: require("../../assets/images/two_industry.png"),
                    activeImg: require('../../assets/images/active_two_industry.png'),
                    isActive: false,
                    title: "二产内部结构"
                },
                {
                    img: require("../../assets/images/three_industry.png"),
                    activeImg: require('../../assets/images/active_three_industry.png'),
                    isActive: false,
                    title: "三产内部结构"
                },
            ],
            activeTitle: "三次产业结构",
            optionData: {
                rotate: '45',
                title: '',
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#FDD230", "#1FFF9E", "#00BDFB"],
                describe: "2019年一产增加值占比30%、二产增加值占比30%、三产增加值占比40%",
            },
            optionDataShow: false,
            BarAndLineOptionData: {},
            lineOptionData: {
                color: ['#0CFCFF', '#6FFFBA', '#FDD230'],
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                LinearGradientColor: [
                    { topColor: 'rgba(77, 228, 229, 0.45)', bottomColor: 'rgba(77, 228, 229, 0)' },
                    { topColor: 'rgba(111, 255, 186, 0.45)', bottomColor: 'rgba(111, 255, 186, 0)' },
                    { topColor: 'rgba(253, 210, 48, 0.45)', bottomColor: 'rgba(253, 210, 48, 0)' }
                ],
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                smooth: true,
                describe: "2019年一产增加值占比30%、二产增加值占比30%、三产增加值占比40%",
            },
            lineOptionDataShow: false,
            threeIndustrialFixedChangeOption: {
                color: ['#4DE4E5', '#6FFEB9', '#EFC830'],
                title: '',
                rotate: '45',
                categoryAxis: [], //类目轴数据
                lineType: ['dotted', 'dashed', 'solid'],  // 线的类型
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                smooth: false,
                describe: "2019年一产增加值占比30%、二产增加值占比30%、三产增加值占比40%",

            },
            threeIndustrialFixedChangeShow: false,
            PersonBarOptionData: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["rgba(12, 252, 255, 1)", "rgba(253, 210, 48, 1)", "rgba(58, 122, 255, 1)"],
                describe: "2019年一产增加值占比30%、二产增加值占比30%、三产增加值占比40%",
                symbol: [
                    "image://",
                    "image://",
                    "image://"
                ],
                // max: 500
            },
            PersonBarOptionDataShow: false,
            oToptionData: {
                color: ["#0CFCFF", "#FDD230", "#1FFF9E", "#00BDFB", "#3A7AFF"],
                describe: "",
                max: 100,
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
            },
            oToptionDataShow: false,
            oTlineOptionData: {
                color: ["#0CFCFF", "#1FFF9E", "#FDD230", "#B79DFF", "#FC706F"],
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                LinearGradientColor: [
                    { topColor: 'rgba(12, 252, 255, 0.45)', bottomColor: 'rgba(12, 252, 255, 0)' },
                    { topColor: 'rgba(31, 255, 158, 0.45)', bottomColor: 'rgba(31, 255, 158, 0)' },
                    { topColor: 'rgba(253, 210, 48, 0.45)', bottomColor: 'rgba(253, 210, 48, 0)' },
                    { topColor: 'rgba(183, 157, 255, 0.45)', bottomColor: 'rgba(183, 157, 255, 0)' },
                    { topColor: 'rgba(252, 112, 111, 0.45)', bottomColor: 'rgba(252, 112, 111, 0)' },
                ],
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                smooth: true,
                describe: "",

            },
            oTlineOptionDataShow: false,
            oTotalOptionData: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#1bffd1", "#ff6c00", "#1070ff", "#19b1ff", "#ffcc00", "#00cd74", "#00b4bf"],
                describe: "",

                isAgriculture: true
            },
            oTotalOptionDataShow: false,
            pictorialBarOptionData: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                LinearGradientColor: [//柱状图渐变色
                    {
                        topColor: 'RGBA(13, 247, 250, 1)',
                        bottomColor: 'RGBA(13, 247, 250, 0)'
                    },
                ],
                describe: "",
                labelRorate: true,
            },
            pictorialBarOptionDataShow: false,
            oneCompanyNumber: [{ count: "", qylb: "" }, { count: "", qylb: "" }, { count: "", qylb: "" }],
            twoIndustryStructure: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#32afff", "#ffe71e"],
                describe: "",
            },
            twoIndustryStructureShow: false,
            twoIndustryTotal: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#32afff", "#ffe71e"],
                describe: "",
            },
            twoIndustryTotalShow: false,
            twoInvestmentSpeed: {
                color: ['#ffef66', '#00e4c1', '#19b1ff', '#ff6c00'],
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                smooth: true,
                describe: "",
            },
            twoInvestmentSpeedShow: false,
            twoValueAddChange: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                LinearGradientColor: [//柱状图渐变色
                    {
                        topColor: '#1edda9',
                        bottomColor: '#fcef67'
                    },
                ],
                describe: "",
                labelRorate: true,
            },
            twoValueAddChangeShow: false,
            twoCompanyNumber: [{ count: "", qylb: "" }, { count: "", qylb: "" }, { count: "", qylb: "" }],
            threeIndustryStructure: {
                title: '',
                rotate: 45,
                max: 100,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#1bffd1", "#ff6c00", "#1070ff", "#19b1ff", "#ffcc00", "#00cd74", "#00b4bf"],
                describe: "",
                gridTop: "20%"
            },
            threeIndustryStructureShow: false,
            threeIndustryTotal: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#1bffd1", "#ff6c00", "#1070ff", "#19b1ff", "#ffcc00", "#00cd74", "#00b4bf"],
                describe: "",
                gridTop: "20%"
            },
            threeIndustryTotalShow: false,
            threeInvestmentSpeed: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                color: ["#1bffd1", "#ff6c00", "#1070ff", "#19b1ff", "#ffcc00", "#00cd74", "#00b4bf"],
                smooth: true,
                describe: "",
                gridTop: "20%"
            },
            threeInvestmentSpeedShow: false,
            threeValueAddChange: {
                title: '',
                rotate: 45,
                categoryAxis: [], //类目轴数据
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
                LinearGradientColor: [//柱状图渐变色
                    {
                        topColor: '#ff7015',
                        bottomColor: '#ffd36e'
                    },
                ],
                describe: "",

                labelRorate: true,
            },
            threeValueAddChangeShow: false,
            threeCompanyNumber: [{ count: "", qylb: "" }, { count: "", qylb: "" }, { count: "", qylb: "" }],
            tertiaryIndustriesText: {},
            mapData1: {
                mapData: [],
                effectData: [],
                scatterData: [],
                tooltip: ''
            },
            mapData2: {
                mapData: [],
                effectData: [],
                scatterData: [],
                tooltip: ''
            },
            mapData3: {
                mapData: [],
                effectData: [],
                scatterData: [],
                tooltip: ''
            },
            mapData4: {
                mapData: [],
                effectData: [],
                scatterData: [],
                tooltip: ''
            },
            BlockLineOptionData: {
                LinearGradientColor: [//柱状渐变颜色
                    {
                        topColor: 'rgba(0,88,255,0.8)',
                        bottomColor: 'rgba(0,88,255,0.1)',
                        LineCircleColor: "#0058FF",//折线图颜色
                        LineCircleBorderColor: "#00eaff",//折线图描边颜色
                    },
                    {
                        topColor: 'rgba(211,89,0,0.8)',
                        bottomColor: 'rgba(211,89,0,0.1)',
                        LineCircleColor: "#D35900",//折线图颜色
                        LineCircleBorderColor: "#F28E26",//折线图描边颜色
                    }
                ],
                seriesData: [
                    {
                        name: '', //如果有图例，这个就不能为空
                        data: [], //数据
                        unit: '', //数据的单位
                    },
                ],
            },
        }
    },
    created() {
        this.$store.commit("SET_BREAD2", '三次产业结构');
    },
    mounted() {
        this.threeIndustrialStructureChanges();
        this.threeChangesGrowthRateIndustrial();
        this.threeIndustrialFixedChange();
        this.threeIndustrialEmployedPeople();
        this.overviewEnterprisesTertiaryIndustries();
        this.getMapData1()
    },
    methods: {
        jumpSearch(item, index, type, qiyeIndex) {
            var querys = {
                name: '产业分析',
                typeValue: item,
                typeIndex: index
            }
            if (type) {
                querys.cyType = type;
                querys.cyIndex = qiyeIndex;
            }
            this.$router.push({
                path: "/enterprise/search",
                query: querys
            });
        },
        currentChange(e) {
            this.current = e;
            this.getTableList()
        },
        // 返回上一级
        backLevel() {
            this.mapShow = true;
        },
        // 点击中间的按钮
        switchMap(item, type) {
            this.redicon = item;
            this.mapShow = false;
            this.whiteColor = item;
            this.typeIndustry = type;
            getPubCommonData({ busiCode: 'C078', industryType: type }).then(res => {
                let newArr = []
                res.data.data.list.map(items => {
                    newArr.push({
                        qyId: items.id,
                        latitude: items.latitude,
                        name: items.name,
                        longtitude: items.longtitude,
                        lng: items.longtitude,
                        lat: items.latitude
                    })
                    this.pointList = newArr
                })
            })
            this.getTableList()
        },
        // 一产、二产、三产表格
        getTableList() {
            getPubCommonData({ busiCode: 'P046', industryType: this.typeIndustry, size: this.pageSize, current: this.current }).then(res => {
                console.log(res.data.data)
                this.oprData.list = res.data.data.list.records
                this.oprData.tableData = res.data.data.tableData
                this.total = res.data.data.list.total
            })
        },
        menuChange(t, i) {
            this.activeTitle = t.title
            if (t.title === "一产内部结构") {
                this.oToptionDatatext()
                this.oTlineOptionDatatext()
                this.oTotalOptionDatatext({ echarts: "E067", text: "C031" })
                this.addedValueGroupFarmChangetext()
                this.statisticsNumberPrimaryIndustryEnterprises()
                this.getMapData2()
                this.$store.commit("SET_BREAD2", '一产内部结构');
            } else if (t.title === "二产内部结构") {
                this.twoIndustryStructuretext()
                this.twoIndustryTotaltext()
                this.twoInvestmentSpeedtext()
                this.twoValueAddChangetext()
                this.twoIndustryCompanyNumber()
                this.getMapData3()
                this.$store.commit("SET_BREAD2", '二产内部结构');
            } else if (t.title === "三产内部结构") {
                this.threeIndustryStructuretext()
                this.threeIndustryTotaltext()
                this.threeInvestmentSpeedtext()
                this.threeValueAddChangetext()
                this.threeIndustryCompanyNumber()
                this.getMapData4()
                this.$store.commit("SET_BREAD2", '三产内部结构');
            } else {
                this.threeIndustrialStructureChanges();
                this.threeChangesGrowthRateIndustrial();
                this.threeIndustrialFixedChange();
                this.threeIndustrialEmployedPeople();
                this.overviewEnterprisesTertiaryIndustries();
                this.getMapData1()
                this.$store.commit("SET_BREAD2", '三次产业结构');
            }

            this.navList.map((item, index) => {
                if (index === i) {
                    item.isActive = true;
                } else {
                    item.isActive = false;
                }
            });
        },
        //地图展示（最近一年各个区域的生产总值）
        getMapData1() {
            getCommonData10({ busiCode: 'C013' }).then(res => {
                if (res.data.code === 200) {
                    res.data.data.list.map((item, index) => {
                        // let symbolSize = 6
                        this.mapData1.mapData.push({
                            name: item.areaName,
                            value: item.value,
                            unit: item.unit
                        })
                        this.mapData1.scatterData.push({
                            name: item.areaName,
                            value: [item.longtitude, item.latitude, item.value, item.size],
                            unit: item.unit
                        })
                        this.mapData1.tooltip = '生产总值：'
                    })
                }
            }).catch(err => {
            })
        },
        //地图展示（一产内部结构）
        getMapData2() {
            getCommonData10({ busiCode: 'C075' }).then(res => {
                if (res.data.code === 200) {
                    res.data.data.list.map((item, index) => {
                        let symbolSize = 6
                        this.mapData2.mapData.push({
                            name: item.areaName,
                            value: item.value,
                            unit: item.unit
                        })
                        this.mapData2.scatterData.push({
                            name: item.areaName,
                            value: [item.longtitude, item.latitude, item.value, item.size],
                            unit: item.unit
                        })
                        this.mapData2.tooltip = '一产增加值：'
                    })
                }
            }).catch(err => {
            })
        },
        //地图展示（二产内部结构）
        getMapData3() {
            getCommonData10({ busiCode: 'C076' }).then(res => {
                if (res.data.code === 200) {
                    res.data.data.list.map((item, index) => {
                        let symbolSize = 6
                        this.mapData3.mapData.push({
                            name: item.areaName,
                            value: item.value,
                            unit: item.unit
                        })
                        this.mapData3.scatterData.push({
                            name: item.areaName,
                            value: [item.longtitude, item.latitude, item.value, item.size],
                            unit: item.unit
                        })
                        this.mapData3.tooltip = '二产增加值：'
                    })
                }
            }).catch(err => {
            })
        },
        //地图展示（三产内部结构）
        getMapData4() {
            getCommonData10({ busiCode: 'C077' }).then(res => {
                if (res.data.code === 200) {
                    res.data.data.list.map((item, index) => {
                        let symbolSize = 6
                        this.mapData4.mapData.push({
                            name: item.areaName,
                            value: item.value,
                            unit: item.unit
                        })
                        this.mapData4.scatterData.push({
                            name: item.areaName,
                            value: [item.longtitude, item.latitude, item.value, item.size],
                            unit: item.unit
                        })
                        this.mapData4.tooltip = '三产增加值：'
                    })
                }
            }).catch(err => {
            })
        },
        //三次产业结构变化
        threeIndustrialStructureChanges() {
            getCommonData10({ busiCode: 'E026' }).then(res => {
                if (res.data.code === 200) {
                    this.optionData.title = res.data.data.title
                    this.optionData.categoryAxis = res.data.data.categoryAxis
                    this.optionData.seriesData = res.data.data.seriesData
                    this.threeIndustrialStructureChangesText()
                    this.optionDataShow = true
                }
            }).catch(err => {
            })
        },
        //三次产业结构变化（文字）
        threeIndustrialStructureChangesText() {
            getCommonData10({ busiCode: 'C008' }).then(res => {
                if (res.data.code === 200) {
                    this.optionData.describe = res.data.data.list[0].year + "年一产增加值占比" + res.data.data.list[0].dycyszbl + "%、二产增加值占比" + res.data.data.list[0].decyszbl + "%、三产增加值占比" + res.data.data.list[0].dscyszbl + "%"
                }
            }).catch(err => {
            })
        },
        //三次产业增加值增速变化
        threeChangesGrowthRateIndustrial() {
            getCommonData10({ busiCode: 'E027' }).then(res => {
                if (res.data.code === 200) {
                    this.lineOptionData.title = res.data.data.title
                    this.lineOptionData.categoryAxis = res.data.data.categoryAxis
                    this.lineOptionData.seriesData = res.data.data.seriesData
                    this.threeChangesGrowthRateIndustrialText()
                    this.lineOptionDataShow = true
                }
            }).catch(err => {
            })
        },
        //三次产业拉动力变化（文字）
        threeChangesGrowthRateIndustrialText() {
            getCommonData10({ busiCode: 'C009' }).then(res => {
                if (res.data.code === 200) {
                    this.lineOptionData.describe = res.data.data.list[0].year + "年一产拉动力" + res.data.data.list[0].zjzzsszbl_dycy + "%、二产拉动力" + res.data.data.list[0].zjzzsszbl_decy + "%、三产拉动力" + res.data.data.list[0].zjzzsszbl_dscy + "%"
                }
            }).catch(err => {
            })
        },
        //三次产业固定资产投资增速分析
        threeIndustrialFixedChange() {
            getCommonData10({ busiCode: 'E028' }).then(res => {
                if (res.data.code === 200) {
                    this.threeIndustrialFixedChangeOption.title = res.data.data.title
                    this.threeIndustrialFixedChangeOption.categoryAxis = res.data.data.categoryAxis
                    this.threeIndustrialFixedChangeOption.seriesData = res.data.data.seriesData
                    this.threeIndustrialFixedChangeText()
                    this.threeIndustrialFixedChangeShow = true
                }
            }).catch(err => {
            })
        },
        //三次产业固定资产投资增速分析（文字）
        threeIndustrialFixedChangeText() {
            getCommonData10({ busiCode: 'C010' }).then(res => {
                if (res.data.code === 200) {
                    this.threeIndustrialFixedChangeOption.describe = res.data.data.list[0].year + "年一产固定投资增速" + res.data.data.list[0].gdzctzszbl_dycy + "%、二产固定投资增速" + res.data.data.list[0].gdzctzszbl_decy + "%、三产固定投资增速" + res.data.data.list[0].gdzctzszbl_dscy + "%"
                }
            }).catch(err => {
            })
        },
        //三次产业就业人口变化
        threeIndustrialEmployedPeople() {
            getCommonData10({ busiCode: 'E029' }).then(res => {
                if (res.data.code === 200) {
                    this.PersonBarOptionData.title = res.data.data.title
                    this.PersonBarOptionData.categoryAxis = res.data.data.categoryAxis
                    this.PersonBarOptionData.seriesData = res.data.data.seriesData
                    this.threeIndustrialEmployedPeopleText()
                    this.PersonBarOptionDataShow = true
                }
            }).catch(err => {
            })
        },
        //三次产业就业人口变化（文字）
        threeIndustrialEmployedPeopleText() {
            getCommonData10({ busiCode: 'C011' }).then(res => {
                if (res.data.code === 200) {
                    this.PersonBarOptionData.describe = res.data.data.list[0].year + "年一产就业人数占" + res.data.data.list[0].jyrsszbl_dycy + "%、二产就业人数占" + res.data.data.list[0].jyrsszbl_decy + "%、三产就业人数占" + res.data.data.list[0].jyrsszbl_dscy + "%"
                }
            }).catch(err => {
            })
        },
        //三产重点企业概述
        overviewEnterprisesTertiaryIndustries() {
            getCommonData10({ busiCode: 'C012' }).then(res => {
                if (res.data.code === 200) {
                    this.tertiaryIndustriesText = res.data.data.list[0]
                }
            }).catch(err => {
            })
        },


        husbandry(data) {
            this.oTotalOptionDatatext(data);
        },
        //一产各行业结构变化-文字概述
        oToptionDatatext() {
            getCommonData10({ busiCode: 'C021' }).then(res => {
                if (res.data.code === 200) {
                    this.oToptionData.describe = res.data.data.list[0].year + "年一产结构中农业占比" + res.data.data.list[0].zzy + "%、林业占比"
                        + res.data.data.list[0].ly + "%、渔业占比" + res.data.data.list[0].yy + "%、牧业占比" + res.data.data.list[0].my + "%。"
                    this.oToptionDataShow = true
                    this.oToptionDataChange()
                }
            }).catch(err => {
            })
        },
        //一产各行业结构变化-图表
        oToptionDataChange() {
            getCommonData10({ busiCode: 'E061' }).then(res => {
                if (res.data.code === 200) {
                    this.oToptionData.title = res.data.data.title
                    this.oToptionData.categoryAxis = res.data.data.categoryAxis
                    this.oToptionData.seriesData = res.data.data.seriesData
                    // this.oToptionDatatext()
                }
            }).catch(err => {
            })
        },
        //一产各行业增加值变化-文字概述
        oTlineOptionDatatext() {
            getCommonData10({ busiCode: 'C022' }).then(res => {
                if (res.data.code === 200) {
                    this.oTlineOptionData.describe = res.data.data.list[0].year + "年农业增加值为"
                        + res.data.data.list[0].zzy + res.data.data.list[0].unit + "、林业增加值为"
                        + res.data.data.list[0].ly + res.data.data.list[0].unit + "、渔业增加值为"
                        + res.data.data.list[0].yy + res.data.data.list[0].unit + "、牧业增加值为"
                        + res.data.data.list[0].my + res.data.data.list[0].unit + "。"
                    this.oTlineOptionDataShow = true
                    this.oTlineOptionDataChange()
                }
            }).catch(err => {
            })
        },
        //一产各行业增加值变化-图表
        oTlineOptionDataChange() {
            getCommonData10({ busiCode: 'E062' }).then(res => {
                if (res.data.code === 200) {
                    this.oTlineOptionData.title = res.data.data.title
                    this.oTlineOptionData.categoryAxis = res.data.data.categoryAxis
                    this.oTlineOptionData.seriesData = res.data.data.seriesData
                    // this.oTlineOptionDatatext()
                }
            }).catch(err => {
            })
        },
        //一产各产品生产总值变化-农业/牧业-文字概述
        oTotalOptionDatatext(data) {
            getCommonData10({ busiCode: data.text || 'C031' }).then(res => {
                if (res.data.code === 200) {
                    /* TODO 暂时屏蔽
                    if (data.text === "C031") {
                        this.oTotalOptionData.describe = ""
                    } else if (data.text === "C032") {
                        this.oTotalOptionData.describe = ""
                    }
                    */
                    this.oTotalOptionDataShow = true
                    this.oTotalOptionDataChange(data)
                }
            }).catch(err => {
            })
        },
        //一产各产品生产总值变化-农业/牧业-图表
        oTotalOptionDataChange(data) {
            // getCommonData10({busiCode: data.echarts || 'E067'}).then(res => {
            //     if (res.data.code === 200) {
            //         this.oTotalOptionData.title = res.data.data.title
            //         this.oTotalOptionData.categoryAxis = res.data.data.categoryAxis
            //         this.oTotalOptionData.legendData = res.data.data.seriesData.name
            //         this.oTotalOptionData.seriesData = res.data.data.seriesData
            //         // this.oTotalOptionDatatext(data)
            //     }
            // }).catch(err => {
            // })
            getCommonData10({ busiCode: 'NYE001' }).then(res => {
                if (res.data.code === 200) {
                    let datas = res.data.data.seriesData[0].data
                    this.BlockLineOptionData = {
                        rotate: 45,
                        title: res.data.data.title,
                        categoryAxis: res.data.data.categoryAxis, //类目轴数据
                        seriesData: res.data.data.seriesData,
                        smooth: true,
                        legendShow: 'no',
                        LinearGradientColor: [//柱状渐变颜色
                            {
                                topColor: 'rgba(211,89,0,0.8)',
                                bottomColor: 'rgba(211,89,0,0.1)',
                                LineCircleColor: "#D35900",//折线图颜色
                                LineCircleBorderColor: "#F28E26",//折线图描边颜色
                            }
                        ],
                        min: Math.floor(Math.min(...datas))//最小值
                    }
                }
            }).catch(err => {

            })
        },
        //各团场增加值变化-文字概述
        addedValueGroupFarmChangetext() {
            getCommonData10({ busiCode: 'C020' }).then(res => {
                if (res.data.code === 200) {
                    this.pictorialBarOptionData.describe = res.data.data.list[0].YEAR + "年"
                        + res.data.data.list[0].maxName + "一产增加值最大，为"
                        + res.data.data.list[0].maxData + "亿元，"
                        + res.data.data.list[0].minName + "一产增加值最小，为"
                        + res.data.data.list[0].minData + res.data.data.list[0].minUnit
                    this.pictorialBarOptionDataShow = true
                    this.addedValueGroupFarmChange()
                }
            }).catch(err => {
            })
        },
        //各团场增加值变化-图表
        addedValueGroupFarmChange() {
            getCommonData10({ busiCode: 'E060' }).then(res => {
                if (res.data.code === 200) {
                    this.pictorialBarOptionData.title = res.data.data.title
                    this.pictorialBarOptionData.categoryAxis = res.data.data.categoryAxis
                    this.pictorialBarOptionData.seriesData = res.data.data.seriesData
                    this.pictorialBarOptionData.labelRorate = true
                    // this.addedValueGroupFarmChangetext()
                }
            }).catch(err => {
            })
        },
        //一产企业数量统计-文字概述
        statisticsNumberPrimaryIndustryEnterprises() {
            getCommonData10({ busiCode: 'C023', cylb: "一产" }).then(res => {
                if (res.data.code === 200) {
                    res.data.data.list.push({ count: '0', qylb: '上市企业' });
                    res.data.data.list.push({ count: '0', qylb: '四上企业' });
                    res.data.data.list.push({ count: '0', qylb: '高新企业' });
                    this.oneCompanyNumber = res.data.data.list
                }
            }).catch(err => {
            })
        },


        //二产各行业结构变化-文字概述
        twoIndustryStructuretext() {
            getCommonData10({ busiCode: 'C024' }).then(res => {
                if (res.data.code === 200) {
                    this.twoIndustryStructure.describe = res.data.data.list[0].year + "年二产结构中建筑业占比" + res.data.data.list[0].qgy + "%、工业占比" + res.data.data.list[0].zgy + "%"
                    this.twoIndustryStructureShow = true
                    this.twoIndustryStructureChange()
                }
            }).catch(err => {
            })
        },
        //二产各行业结构变化-图表
        twoIndustryStructureChange() {
            getCommonData10({ busiCode: 'E063' }).then(res => {
                if (res.data.code === 200) {
                    // this.twoIndustryStructuretext()
                    this.twoIndustryStructure.title = res.data.data.title
                    this.twoIndustryStructure.categoryAxis = res.data.data.categoryAxis
                    this.twoIndustryStructure.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //二产各行业增加值变化-文字概述
        twoIndustryTotaltext() {
            getCommonData10({ busiCode: 'C025' }).then(res => {
                if (res.data.code === 200) {
                    this.twoIndustryTotal.describe = res.data.data.list[0].year + "年建筑业总产值为" + res.data.data.list[0].qgy + "亿元、工业总产值为" + res.data.data.list[0].zgy + "亿元"
                    this.twoIndustryTotalShow = true
                    this.twoIndustryTotalChange()
                }
            }).catch(err => {
            })
        },
        //二产各行业增加值变化-图表
        twoIndustryTotalChange() {
            getCommonData10({ busiCode: 'E064' }).then(res => {
                if (res.data.code === 200) {
                    // this.twoIndustryTotaltext()
                    this.twoIndustryTotal.title = res.data.data.title
                    this.twoIndustryTotal.categoryAxis = res.data.data.categoryAxis
                    this.twoIndustryTotal.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //各行业固定投资增速分析-文字概述
        twoInvestmentSpeedtext() {
            getCommonData10({ busiCode: 'C016' }).then(res => {
                if (res.data.code === 200) {
                    this.twoInvestmentSpeed.describe = res.data.data.list[0].year + "年电力燃气及水的生产和供应业固定投资增速"
                        + res.data.data.list[0].GDZCTZZZSD_DLRQ + "%、采矿业固定投资增速"
                        // + res.data.data.list[0].GDZCTZZZSD_CKY + "%、建筑业固定投资增速"
                        + res.data.data.list[0].GDZCTZZZSD_JZY + "%、制造业固定投资增速"
                        + res.data.data.list[0].GDZCTZZZSD_ZZY + "%"
                    this.twoInvestmentSpeedShow = true
                    this.twoInvestmentSpeedChange()
                }
            }).catch(err => {
            })
        },
        //各行业固定投资增速分析-图表
        twoInvestmentSpeedChange() {
            getCommonData10({ busiCode: 'E056' }).then(res => {
                if (res.data.code === 200) {
                    // this.twoInvestmentSpeedtext()
                    this.twoInvestmentSpeed.title = res.data.data.title
                    this.twoInvestmentSpeed.categoryAxis = res.data.data.categoryAxis
                    this.twoInvestmentSpeed.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //各团场增加值变化-文字概述
        twoValueAddChangetext() {
            getCommonData10({ busiCode: 'C017' }).then(res => {
                if (res.data.code === 200) {
                    this.twoValueAddChange.describe = res.data.data.list[0].YEAR + "年"
                        + res.data.data.list[0].maxName + "二产增加值最大，为"
                        + res.data.data.list[0].maxData + "亿元，"
                        + res.data.data.list[0].minName + "二产增加值最小，为"
                        + res.data.data.list[0].minData + res.data.data.list[0].minUnit
                    this.twoValueAddChangeShow = true
                    this.twoValueAddChangeData()
                }
            }).catch(err => {
            })
        },
        //各团场增加值变化-图表
        twoValueAddChangeData() {
            getCommonData10({ busiCode: 'E057' }).then(res => {
                if (res.data.code === 200) {
                    // this.twoValueAddChangetext()
                    this.twoValueAddChange.title = res.data.data.title
                    this.twoValueAddChange.categoryAxis = res.data.data.categoryAxis
                    this.twoValueAddChange.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //二产产企业数量统计-文字概述
        twoIndustryCompanyNumber() {
            getCommonData10({ busiCode: 'C023', cylb: "二产" }).then(res => {
                if (res.data.code === 200) {
                    this.twoCompanyNumber = res.data.data.list
                }
            }).catch(err => {
            })
        },


        //三产各行业结构变化-文字概述
        threeIndustryStructuretext() {
            getCommonData10({ busiCode: 'C027' }).then(res => {
                if (res.data.code === 200) {
                    let newArr = [
                        { percent: res.data.data.list[0].jtysy, msg: "交通运输、仓储和邮政业占比" },
                        { percent: res.data.data.list[0].pflsmyy, msg: "批发和零售业增加值占比" },
                        { percent: res.data.data.list[0].zscyy, msg: "住宿和餐饮业占比" },
                        { percent: res.data.data.list[0].jry, msg: "金融业占比" },
                        { percent: res.data.data.list[0].fdcy, msg: "房地产业占比" },
                    ]
                    newArr.sort((a, b) => {
                        return b.percent - a.percent
                    })
                    let str = ''
                    newArr.length && newArr.forEach(item => {
                        str += item.msg + item.percent + '%、'
                    })
                    this.threeIndustryStructure.describe = res.data.data.list[0].year + '年三产结构中' + str + '、其他服务业占比' + res.data.data.list[0].qtfwy + '%。'
                    // this.threeIndustryStructure.describe = res.data.data.list[0].year + "年三产结构中交通运输、仓储和邮政业占比"
                    // 	+ res.data.data.list[0].jtysy + "%、批发和零售业增加值占比"
                    // 	+ res.data.data.list[0].pflsmyy + "%、住宿和餐饮业占比"
                    // 	+ res.data.data.list[0].zscyy + "%、金融业占比"
                    // 	+ res.data.data.list[0].jry + "%、农林牧渔服务业占比"
                    // 	+ res.data.data.list[0].nlmyfwy + "%、房地产业占比"
                    // 	+ res.data.data.list[0].fdcy + "%、其他服务业占比"
                    // 	+ res.data.data.list[0].qtfwy + "%。"
                    this.threeIndustryStructureShow = true
                    this.threeIndustryStructureChange()
                }
            }).catch(err => {
            })
        },
        //三产各行业结构变化-图表
        threeIndustryStructureChange() {
            getCommonData10({ busiCode: 'E065' }).then(res => {
                if (res.data.code === 200) {
                    // this.threeIndustryStructuretext()
                    this.threeIndustryStructure.title = res.data.data.title
                    this.threeIndustryStructure.categoryAxis = res.data.data.categoryAxis
                    this.threeIndustryStructure.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //三产各行业增加值变化-文字概述
        threeIndustryTotaltext() {
            getCommonData10({ busiCode: 'C028' }).then(res => {
                if (res.data.code === 200) {
                    let newArr = [
                        { percent: res.data.data.list[0].jtysy, msg: "交通运输、仓储和邮政业增加值为" },
                        { percent: res.data.data.list[0].pflsy, msg: "批发和零售业增加值为" },
                        { percent: res.data.data.list[0].zscyy, msg: "住宿和餐饮业增加值为" },
                        { percent: res.data.data.list[0].jry, msg: "金融业增加值为" },
                        { percent: res.data.data.list[0].fdcy, msg: "房地产业增加值为" },
                    ]
                    newArr.sort((a, b) => {
                        return b.percent - a.percent
                    })
                    let str = ''
                    newArr.length && newArr.forEach(item => {
                        str += item.msg + item.percent + res.data.data.list[0].unit + '、'
                    })
                    this.threeIndustryTotal.describe = res.data.data.list[0].year + '年' + str + '、其他服务业占比' + res.data.data.list[0].qtfwy + res.data.data.list[0].unit + '。'
                    // this.threeIndustryTotal.describe = res.data.data.list[0].year + "年交通运输、仓储和邮政业增加值为"
                    // 	+ res.data.data.list[0].jtysy +res.data.data.list[0].unit+ "、批发和零售业增加值为"
                    // 	+ res.data.data.list[0].pflsy +res.data.data.list[0].unit+ "、住宿和餐饮业增加值为"
                    // 	+ res.data.data.list[0].zscyy +res.data.data.list[0].unit+ "、金融业增加值为"
                    // 	+ res.data.data.list[0].jry + res.data.data.list[0].unit+"、房地产业增加值为"
                    // 	+ res.data.data.list[0].fdcy +res.data.data.list[0].unit+ "、农林牧渔服务业增加值为"
                    // 	+ res.data.data.list[0].nlmyfwy +res.data.data.list[0].unit+ "、其他服务业增加值为"
                    // + res.data.data.list[0].qtfwy +res.data.data.list[0].unit+ "。"
                    this.threeIndustryTotalShow = true
                    this.threeIndustryTotalChange()
                }
            }).catch(err => {
            })
        },
        //三产各行业增加值变化-图表
        threeIndustryTotalChange() {
            getCommonData10({ busiCode: 'E066' }).then(res => {
                if (res.data.code === 200) {
                    // this.threeIndustryTotaltext()
                    this.threeIndustryTotal.title = res.data.data.title
                    this.threeIndustryTotal.categoryAxis = res.data.data.categoryAxis
                    this.threeIndustryTotal.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //各行业固定投资增速分析-文字概述
        threeInvestmentSpeedtext() {
            getCommonData10({ busiCode: 'C018' }).then(res => {
                if (res.data.code === 200) {
                    let newArr = [
                        { percent: res.data.data.list[0].GDZCTZZZSD_JTYS, msg: "交通运输仓储和邮政业固定投资增速" },
                        { percent: res.data.data.list[0].GDZCTZZZSD_PFLS, msg: "批发和零售业固定投资增速" },
                        { percent: res.data.data.list[0].GDZCTZZZSD_ZSCY, msg: "住宿和餐饮业固定投资增速" },
                        { percent: res.data.data.list[0].GDZCTZZZSD_JRY, msg: "金融业固定投资增速" },
                        { percent: res.data.data.list[0].GDZCTZZZSD_FDCY, msg: "房地产业固定投资增速" },
                    ]
                    newArr.sort((a, b) => {
                        return b.percent - a.percent
                    })
                    let str = ''
                    newArr.length && newArr.forEach(item => {
                        str += item.msg + item.percent + '%、'
                    })
                    this.threeInvestmentSpeed.describe = res.data.data.list[0].year + '年' + str + '其他行业固定投资增速' + res.data.data.list[0].GDZCTZZZSD_QTHY + '%。'
                    // this.threeInvestmentSpeed.describe = res.data.data.list[0].year + "年交通运输仓储和邮政业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_JTYS + "%、批发和零售业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_PFLS + "%、住宿和餐饮业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_ZSCY + "%、金融业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_JRY + "%、房地产业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_FDCY + "%、其他行业固定投资增速"
                    // 	+ res.data.data.list[0].GDZCTZZZSD_QTHY + "%。"
                    this.threeInvestmentSpeedShow = true
                    this.threeInvestmentSpeedChange()
                }
            }).catch(err => {
            })
        },
        //各行业固定投资增速分析-图表
        threeInvestmentSpeedChange() {
            getCommonData10({ busiCode: 'E058' }).then(res => {
                if (res.data.code === 200) {
                    // this.threeInvestmentSpeedtext()
                    this.threeInvestmentSpeed.title = res.data.data.title
                    this.threeInvestmentSpeed.categoryAxis = res.data.data.categoryAxis
                    this.threeInvestmentSpeed.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //各团场增加值变化-文字概述
        threeValueAddChangetext() {
            getCommonData10({ busiCode: 'C019' }).then(res => {
                if (res.data.code === 200) {
                    this.threeValueAddChange.describe = res.data.data.list[0].YEAR + "年"
                        + res.data.data.list[0].maxName + "三产增加值最大，为"
                        + res.data.data.list[0].maxData + "亿元，"
                        + res.data.data.list[0].minName + "三产增加值最小，为"
                        + res.data.data.list[0].minData + res.data.data.list[0].minUnit
                    this.threeValueAddChangeShow = true
                    this.threeValueAddChangeData()
                }
            }).catch(err => {
            })
        },
        //各团场增加值变化-图表
        threeValueAddChangeData() {
            getCommonData10({ busiCode: 'E059' }).then(res => {
                if (res.data.code === 200) {
                    // this.threeValueAddChangetext()
                    this.threeValueAddChange.title = res.data.data.title
                    this.threeValueAddChange.categoryAxis = res.data.data.categoryAxis
                    this.threeValueAddChange.seriesData = res.data.data.seriesData
                }
            }).catch(err => {
            })
        },
        //三产产企业数量统计-文字概述
        threeIndustryCompanyNumber() {
            getCommonData10({ busiCode: 'C023', cylb: "三产" }).then(res => {
                if (res.data.code === 200) {
                    if (res.data.data.list.length === 2) {
                        res.data.data.list.unshift({ count: '0', qylb: '上市企业' });
                    }
                    this.threeCompanyNumber = res.data.data.list
                }
            }).catch(err => {
            })
        },
    },
    watch: {}
}
</script>

<style scoped lang="scss">
.evolution-comparison {
    width: 100%;
    margin: 0 auto;
    padding: 1vw; //这个是随便写的,只是示例,实际请根据设计图来吧
    padding-top: 0.7vh;

    .evolution-comparison-content {
        height: calc(100% - 5.5vw);
    }
}

.secondary-menu {
    height: 5.5vw;
    line-height: 5.5vw;
    margin-bottom: 2vh;

    .nav-list {
        width: 100%;
        text-align: center;
        color: rgba(231, 255, 252, 1);
        left: 0;

        .nav-list-ul {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .nav-list-item {
            text-align: center;
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-right: 2.5vw;

            img {
                display: block;
                width: 3.5vw;
                height: auto;
                margin: 0 auto;
            }

            .active-icon {
                margin-bottom: -2vh;
                //display: block;
                width: 4.5vw;
                height: auto;
                //margin: 0 auto;
            }

            .label-ch {
                font-size: 1vw;
                font-family: "Microsoft YaHei";
            }

            &.active p {
                color: rgba(0, 249, 252, 1);
            }
        }
    }
}

.total-data {
    display: flex;
    justify-content: center;
    background: url("../../assets/images/center_total_bg.png") top center
        no-repeat;
    background-size: 100% 100%;
    padding: 1.2vh 0;
    font-family: "Microsoft YaHei";

    .total-data-div {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 2.5vw;
        border-right: 1px solid rgba(1, 137, 232, 0.7);

        img {
            //padding-right: 0.5vw;
            width: 4.2vw;
            animation: turn 10s linear infinite;
            transform-origin: center center;
            // height: 4.2vw;
        }

        width: 33%;

        .total-data-text {
            padding-left: 0.5vw;
            color: #fff;
            font-size: 0.8vw;
            white-space: nowrap;
            font-family: "Microsoft YaHei";

            .one-key_enterprise {
                color: rgba(253, 210, 48, 1);
                font-family: "Microsoft YaHei";

                .instudry-number {
                    font-size: 1.2vw;
                }

                .proportion {
                    font-size: 1.3vw;
                }
            }

            .two-key_enterprise {
                color: rgba(12, 252, 255, 1);
                font-family: "Microsoft YaHei";

                .instudry-number {
                    font-size: 1.2vw;
                }

                .proportion {
                    font-size: 1.3vw;
                }
            }

            .three-key_enterprise {
                color: rgba(31, 255, 158, 1);
                font-family: "Microsoft YaHei";

                .instudry-number {
                    font-size: 1.2vw;
                }

                .proportion {
                    font-size: 1.3vw;
                }
            }

            .emphasis_company {
                color: #f7e303;
                font-size: 1.3vw;

                span {
                    font-size: 0.8vw;
                }
            }

            .marketing_enterprises {
                color: #3ee2e4;
                font-size: 1.3vw;

                span {
                    font-size: 0.8vw;
                }
            }

            .high-tech_enterprise {
                color: #3ee465;
                font-size: 1.3vw;

                span {
                    font-size: 0.8vw;
                }
            }

            .belongs_enterprise {
                color: #5cbcff;
                font-size: 1.3vw;

                span {
                    font-size: 0.8vw;
                }
            }
        }
    }

    .noBorder {
        border: 0;
    }

    @keyframes turn {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
}
.back-level {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 0%;
    cursor: pointer;
    font-size: 34px;
    background-color: rgb(3, 69, 76);
}
.table-float {
    position: absolute;
    top: 80%;
    color: #fff;
    right: 10px;
    z-index: 9999;
    & > div {
        display: inline-block;
    }
    .map-legend {
        padding-right: 10px;

        div {
            margin-bottom: 5px;
            cursor: pointer;
            div {
                display: inline-block;
                line-height: 20px;
                overflow: hidden;
            }
            .green-leg {
                height: 20px;
                width: 20px;
                margin-right: 5px;
                border-radius: 50%;
                background-color: #007b00;
            }
            .blue-leg {
                height: 20px;
                width: 20px;
                margin-right: 5px;
                border-radius: 50%;
                background-color: #0001c5;
            }
            .orange-leg {
                height: 20px;
                width: 20px;
                margin-right: 5px;
                border-radius: 50%;
                background-color: #f96805;
            }
        }
    }
}

.table {
    margin-top: 2vh;
    width: 100%;
    .pageFull-block {
        text-align: center;
    }
}
</style>
<style>
.el-pagination {
    text-align: center;
}
</style>
